{% extends 'layout.html' %}

{% load static %}

{% block css %}
        <link rel="stylesheet" href="{% static 'plugins/bootstrap-datetimepicker.min.css' %}">
{% endblock %}

{% block content %}

    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title">新建用户</h3>
            </div>
            <div class="panel-body">
                <form method="post" novalidate>
                    {% csrf_token %}

                    {% for field in form %}
                    <div class="form-group">
                        <label>{{ field.label }}</label>
                        {{ field }}  <!--自动创建输入框-->
                        <span style="color: red">{{ field.errors.0 }}</span>
                    </div>
                    {% endfor %}
                    <button type="submit" class="btn btn-primary btn-xs">提交</button>
                </form>
            </div>
        </div>
    </div>

{% endblock %}

{% block js %}
    <script src="{% static 'js/bootstrap-datetimepicker.js' %}"></script>
    <script src="{% static 'js/bootstrap-datetimepicker.zh-CN.js' %}"></script>
    <script>
        $(function (){
        $("#id_create_time").datetimepicker({
            format: 'yyyy-mm-dd',
            startDate: '0',
            language: 'zh-CN',
            autoclose: true
        });
    })
    </script>
{% endblock %}